289. Araxis Merge File Comparison Report

Produced by Araxis Merge on 2021-07-21 10:22:21 +0000. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.

289.1 Files compared

#LocationFileLast Modified
1/Applications/Ampps/www/Porto v4.0.0/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/web/css/headertype22.css2019-11-22 04:56:02 +0000
2/Applications/Ampps/www/Porto v4.0.1/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/web/css/headertype22.css2021-07-20 09:13:04 +0000

289.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged816
Changed6408
Inserted218
Removed00

289.3 Comparison options

WhitespaceConsecutive whitespace is treated as a single space
Character caseDifferences in character case are significant
Line endingsDifferences in line endings (CR and LF characters) are ignored
CR/LF charactersNot shown in the comparison detail
Active line-pairing rules

289.4 Active regular expressions

No regular expressions were active.

289.5 Comparison detail

1 .page-header.type22 
{
 1 .page-header .panel.wrapper .header-right > *:not(:first-child) {margin-left: .875rem;}
2     border: 0; 2 .page-header.type22 .header-main .header-left {flex: 1;}
3     background-color: #fff; 3 .page-header.type22 .header-main .header-right > * {margin-left: .875rem;}
4     color: #222529; 4 .page-header.type22 .main-panel-top .separator {height: 50px;border-left: 1px solid #fff;}
    5 .page-header.type22 .header-bottom .header-left > *:not(:first-child),.page-header.type22 .header-bottom .header-right > *:not(:first-child) {margin-left: .875rem;}
    6 .page-header .gap {display: none;}
    7 .page-header.type22 .main-panel-top .share-links {display: flex;align-items: center;margin-left: 23px!important;}
    8 .page-header.type22 .main-panel-top .share-links a {font-size: 1rem;width: 25px;height: 25px;margin: 0 5px;}
    9 .page-header.type22 .main-panel-top .share-links a:last-child {margin-right: 0;}
    10 .page-header.type22 .main-panel-top .share-links a:not(:hover) {color:#333;}
    11 .page-header.type22 .panel.wrapper { min-height: 50px;font-size: 11px;font-weight: 600;}
    12 .page-header.type22 .header.panel > .header.links > li {padding: 0 12px;line-height: inherit;letter-spacing: 0;text-transform: capitalize;font-family: "Open Sans",sans-serif;}
    13 .page-header.type22 .header.panel > .header.links > li > a {padding: 0;}
    14 .page-header.type22 .panel.header .switcher { margin-right: 13px; }
    15 .page-header.type22 .header-contact {display: inline-flex;align-items: center;line-height: 22px;font-size: .9em;}
    16 .page-header.type22 .header-contact .my-account,.page-header.type22 .header-contact .wishlist {display: none;}
    17 .page-header.type22 .header-contact .my-account {padding: 0 .125rem;font-size: 24px;vertical-align: middle;}
    18 .page-header.type22 .header-contact .my-account i,.page-header.type22 .header-contact .wishlist i {font-size: 30px;display: block;}
    19 .page-header.type22 .header-contact p {margin: 0;}
    20 .page-header.type22 .search-area .minisearch .actions button {width: 46px;}
    21 .page-header.type22 .search-category {right: 46px !important;}
    22 .porto-icon-shopping-cart:before {content: '\e80d';}
    23 .page-header.type22 .minicart-wrapper {display: flex;align-items: center;}
    24 .page-header.type22 .minicart-wrapper .action-subtotal {font-size: 11px;line-height: 1;letter-spacing: -.025em;color: #777;font-weight: 400;margin-left: 16px;display: block !important;}
    25 .page-header.type22 .minicart-wrapper .action-subtotal .cart-price {display: block;color: #ee8379;font-size: 15px;font-weight: 600;}
    26 .page-header.type22 .minicart-wrapper .action.showcart .minicart-icon {font-size: 30px;}
    27 .page-header.type22 .minicart-wrapper .action.showcart::after {display: none;}
    28 .page-header.type22 .minicart-wrapper .action.showcart .counter.qty {right: -8px;}
    29 .main-toggle-menu {position: relative;}
    30 .main-toggle-menu .menu-title {position: relative;z-index: 1000;padding: 22.13px 83px 23px 20px;background-color: #fff;color:#fff;border-left: 1px solid;border-right: 1px solid;border-color: #e7e7e7;font-size: 14px;font-weight: 600;line-height: 20px;text-transform: none;letter-spacing: -.025em;display: flex;align-items: center;transition: .25s;cursor: pointer;}
    31 .main-toggle-menu .menu-title.closed:not(:hover) {color: #4dae65;}
    32 .main-toggle-menu .menu-title .toggle {font-size: 20px;vertical-align: middle;display: inline-block;margin: 0 10px 0 0;padding: 0;}
    33 .main-toggle-menu .menu-title .toggle:before {content: '\f0c9';font-family: "Font Awesome 5 Free";-webkit-font-smoothing: antialiased;line-height: 1;display: block;}
    34 .main-toggle-menu .menu-title:after {content: '\e81c';font-family: "porto-icons";position: absolute;right: 1.4rem;}
    35 .main-toggle-menu .toggle-menu-wrap {display: none;position: absolute;left: 0;top: 100%;width: 117%;background: #fff;box-shadow: 0 29px 29px rgb(0 0 0 / 10%);z-index: 1001;}
    36 .main-toggle-menu:not(.closed):not(.show-hover):before {content: '';position: fixed;width: 100vw;height: 100vh;left: 0;top: 0;background: rgba(34,37,41,.3);z-index: 999;display: block;}
    37 @media (max-width:991px){
    38 .page-header.type22 .panel.header.show-icon-tablet .top-links-icon {padding-right: 10px;}
    39 .page-header.type22 .header-main .header-right > *:first-child {margin-left: 0;}
    40 .page-header.type22 .header-contact .my-account,.page-header.type22 .header-contact .wishlist {display: inline-block;;}
    41 .page-header.type22 .header-contact > *:not(:first-child) {margin-left: .875rem;}
    42 .page-header.type22 .header-bottom .header-row .header-right {display: none;}
    43 .page-header.type22 .header-bottom .header-row .header-left {padding:0;}
    44 .page-header.type22 .minicart-wrapper {margin-left: .3125rem;}
    45 .page-header.type22 .custom-block {display: none;}
    46 .page-header.type22 .search-area.show-icon-tablet a.search-toggle-icon {font-size: 25px;}
    47 .page-header.type22 .main-menu-wrap .second-menu-block, .main-toggle-menu .menu-title {display: none;}
    48 .page-header.type22 .side-nav-wrap, .main-toggle-menu .toggle-menu-wrap, .page-header.type22 .sw-megamenu.navigation.side-megamenu {display: block !important;}
    49 .page-header.type22 .side-megamenu.navigation li.level0.staticwidth>.submenu {padding: 0 !important;background: none !important;}
    50 .page-header.type22 .side-megamenu.navigation .level0 > .level-top > i {display: none;}
5 } 51 }
6 .page-header.type22 .header.panel, .page-header.type22 .header.content { 52 @media only screen and (max-width:767px){
7     max-width: 100%; 53 .page-header.type22 .main-panel-top .separator,.page-header.type22 .minicart-wrapper .action-subtotal {display: none !important;}
8     padding-left: 20px;    
9     padding-right: 20px;    
10 }    
11 .page-header.type22 .header.panel {    
12     padding-top: 14px;    
13     padding-bottom: 16px;    
14 }    
15 .page-header.type22 > .panel.wrapper {    
16     border-bottom: 1px solid #e7e7e7;    
17     display: none;    
18 }    
19 .page-header.type22 a, .page-header.type22 a:hover, .page-header.type22 .panel.header .header.links > li > a {    
20     color: #222529;    
21     text-decoration: none;    
22 }    
23 .page-header.type22 .switcher strong > * {    
24     display: inline-block;    
25     vertical-align: middle;    
26     margin-bottom: 0;    
27 }    
28 .page-header.type22 .header.content {    
29     display: flex;    
30     align-items: center;    
31 }    
32 .page-header.type22 .header.content > * {    
33     flex: 0 0 auto;    
34 }    
35 .page-header.type22 .header.content > .header-main-right {    
36     display: flex;    
37     align-items: center;    
38     justify-content: flex-end;    
39     flex: auto;    
40 }    
41 .page-header.type22 .nav-toggle {    
42     order: -1;    
43 } 54 }
    55 @media (min-width:992px) {
    56 .main-toggle-menu.show-hover:hover .toggle-menu-wrap {display: block;animation: .3s linear menuFadeInDown;}
    57 @keyframes menuFadeInDown {0% {opacity: .8;transform: translateY(-10px);}100% {opacity: 1;transform: translateY(0);}}
    58 .menuFadeInDown {animation-name: menuFadeInDown;}
    59 .page-header.type22 .header.panel > .header.links {margin-left: 5px;margin-right: 8px;}
    60 .page-header.type22 .header-main .header-left,.page-header.type22 .header-main .header-right,.page-header.type22 .header-main .header-center {padding-top: 43px;padding-bottom: 32px;}
    61 .page-header.type22 .header-main .header-right > * {margin-top: -13px;}
    62 .page-header.type22 .logo {margin-right: 7.2rem;min-width: 131px;}
    63 .page-header.type22 .block-search input {height: 46px;padding-left: 20px;font-size: 13px;}
    64 .page-header.type22 .search-category {height: 46px;line-height: 46px;border-left: none;border-right: none;letter-spacing: 0;right: 61px !important;font-size: 11px;}
    65 .page-header.type22 .search-category:after {margin-left: 5.5px;}
    66 .page-header.type22 .search-area .minisearch .actions button {width: 58px;height: 46px;line-height: 46px;background-color: #4dae65;color:#fff;right: 0; }
    67 .page-header.type22 .search-area .block.block-search {max-width: 680px;border-width: 2px;border-radius: 5px;box-shadow: 0 1px 1px rgb(0 0 0 / 8%) inset;margin-top: -10px;}
44 .page-header.type22 .search-area { 68 .page-header.type22 .search-area {
45     flex: auto; 69     margin-left: .875rem;
46     position: relative;    
47 }    
48 .page-header.type22 .block-search input {    
49     background-color: #f4f4f4;    
50     border: 0;    
51     height: 48px;    
52     line-height: 48px;    
53     border-radius: 30px;    
54     font-family: inherit;    
55     font-style: italic;    
56 }    
57 .page-header.type22 .search-category {    
58     margin-right: 15px;    
59     display: none;    
60 }    
61 .page-header.type22 #mpsearch-category {    
62     border-width: 0 1px;    
63     border-color: #e1e1e1;    
64     font-family: inherit;    
65 }    
66 .page-header.type22 .block-search .action.search {    
67     width: 50px;    
68     line-height: 48px;    
69     height: 48px;    
70 }    
71 .page-header.type22 .block-search .action.search:before {    
72     color: #222529;    
73     content: '\e884';    
74     font-weight: 900;    
75     font-size: 16px;    
76 }    
77 .page-header.type22 .porto-icon-search-3:before {    
78     content: '\e884';    
79     font-family: porto-icons;    
80     font-weight: 900;    
81 }    
82 .page-header.type22 .custom-block {    
83     display: inline-block;    
84     vertical-align: middle;    
85     margin-right: 20px;    
86     flex: 0 0 auto;    
87 }    
88 .page-header.type22 .custom-block a {    
89     color: #222529;    
90     text-decoration: none;    
91 }    
92 .page-header.type22 .fa-user:before {    
93     content: '';    
94     width: 13px;    
95     height: 13px;    
96     border-radius: 7px;    
97     border: 2px solid #222529;    
98     display: block;    
99     margin: 0 auto;    
100 }    
101 .page-header.type22 .fa-user:after {    
102     content: '';    
103     display: block;    
104     width: 24px;    
105     height: 13px;    
106     border-radius: 12px 12px 0 0;    
107     border: 2px solid #222529;    
108     margin: 0 auto;    
109     margin-top: -2px;    
110 }    
111 .page-header.type22 .custom-block a[title="My Account"] > * {    
112     display: inline-block;    
113     vertical-align: middle;    
114     text-align: left;    
115 } 70 }
116 .page-header.type22 .custom-block a[title="My Account"] > i { 71 .page-header.type22 .minicart-wrapper {margin-left: 12px !important;}
117     width: 50px; 72 .page-header.type22 .sticky-logo {margin-top: 0;}
118     height: 50px; 73 .page-header.type22 .navigation,.page-header.type22.sticky-header .navigation {padding: 0;}
119     text-align: center; 74 .page-header.type22 .navigation:not(.side-megamenu) > ul {display: flex;align-items: center;flex-wrap: wrap;}
120     padding: 7px 0; 75 .page-header.type22 .navigation:not(.side-megamenu) .level0 {margin: 0 1px 0 0;}
121     border: 1px solid #e7e7e7; 76 .page-header.type22 .navigation:not(.side-megamenu) .level0 .level-top {
122     border-radius: 50px; 77   font-size: 14px;
123     margin-right: 15px;    
124     font-size: 25px;    
125 }    
126 .page-header.type22 .block-search {    
127     margin-left: 0;    
128     width: 100%;    
129 }    
130 .page-header.type22 .separator {
    
131     margin: 0;    
132     margin-left: 28px;    
133     margin-right: 28px;    
134     display: inline-block;    
135     height: 21px;    
136     vertical-align: middle;    
137     border-left: 1px solid rgba(0,0,0,.06);    
138 }    
139 .page-header.type22 .navigation
 .separator {
    
140     margin-left: 15px;    
141     margin-right: 15px;    
142 }    
143 .page-header.type22 .minicart-wrapper {    
144     margin-top: 10px;    
145     margin-right: 15px;    
146     width: auto;    
147     margin-left: 0;    
148     vertical-align: middle;    
149     float: none;    
150 }    
151 .page-header.type22 .minicart-wrapper .action.showcart {    
152     width: 25px;    
153     height: 20px;    
154     border: 2px solid #222529;    
155     border-radius: 0 0 5px 5px;    
156     position: relative;    
157     opacity: .9;    
158     padding-right: 0;    
159 }    
160 .page-header.type22 .minicart-wrapper .action.showcart:before {    
161     content: '' !important;    
162     position: absolute;    
163     border: 2px solid;    
164     border-color: inherit;    
165     border-bottom: none;    
166     border-radius: 10px 10px 0 0;    
167     left: 50%;    
168     top: -8px;    
169     margin-left: -7.5px;    
170     width: 15px;    
171     height: 11px;    
172 }    
173 .page-header.type22 .minicart-wrapper .action.showcart .counter.qty {    
174     width: 16px;    
175     height: 16px;    
176     display: block;    
177     font-size: 10px;    
178     color: #fff;    
179     background-color: #ed5348;    
180     text-align: center;    
181     line-height: 16px;    
182     border-radius: 20px;    
183     min-width: auto;    
184     left: auto;    
185     right: -16px;        
186     margin-top: -20px;    
187     font-weight: 400; 78   font-weight: 400;
    79   line-height: 20px;
    80   letter-spacing: -.35px;
    81   color: #444;
    82   padding: 22px 39px 22px 26px;
    83   text-transform: capitalize;
188 } 84 }
189 .page-header.type22.sticky-header .minicart-wrapper .action.showcart .counter.qty { 85 
.page-header
 .sw-megamenu.navigation li.level0.staticwidth > .submenu .level1 > a,
190     right: -16px; 86 
.page-header
 .sw-megamenu.navigation li.level0.fullwidth > .submenu .level1 > a {color: #333;}
191 } 87 .sw-megamenu.navigation li.level0.fullwidth > .submenu a, .sw-megamenu.navigation li.level0.staticwidth > .submenu a,.sw-megamenu.navigation li.level0.classic .submenu a {font-weight: 500;line-height: 24px;}
192 .page-header.type22 .minicart-wrapper .action.showcart:after { 88 .sw-megamenu.navigation.side-megamenu li.level0.fullwidth .submenu li.level1 > a, .sw-megamenu.navigation.side-megamenu li.level0.staticwidth .submenu li.level1 > a {font-size: 13px;}
193     display: none; 89 .sw-megamenu.navigation.side-megamenu li.level0.fullwidth > .submenu a, .sw-megamenu.navigation.side-megamenu li.level0.staticwidth > .submenu a,.sw-megamenu.navigation.side-megamenu li.level0.classic .submenu a {font-weight: 400;line-height: 22px;padding-top: .5em;padding-bottom: .5em;text-transform: capitalize;}
194 } 90 .header-bottom .header-row .header-left,.header-bottom .header-row .header-right {padding-top: 0;padding-bottom: 0;}
195 .page-header.type22 .header-main-right a.action.my-wishlist { 91 .page-header.type22.sticky-header .header-bottom {position: fixed;border-bottom-width: 0!important;top: 0;left: 0;right: 0;background: #fff;box-shadow: 0 0 3px 0 rgb(0 0 0 / 6%);}
196     font-size: 24px; 92 .page-header.type22:not(.sticky-header) .header-bottom {border-top: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;}
197     color: #222529; 93 .cms-index-index .page-header.type22:not(.sticky-header) .header-bottom {border-bottom: none;}
198     display: inline-block; 94 .page-header.type22 .navigation.side-megamenu li.level0 {padding: 4px 5px;border-top: 1px solid #e7e7e7;margin-top: 1px;position: static;}
199     vertical-align: middle; 95 .page-header.type22 .sw-megamenu.navigation.side-megamenu li.level0 > .submenu::before {display: none;}
200     margin-right: 20px; 96 
.page-header.type22 .navigation.side-megamenu li.level0:first-child {margin-top: 0;}
201 } 97 .page-header.type22 .navigation.side-megamenu li.level0 > a {font-size: 14px;font-weight: 400;line-height: 18px;letter-spacing: 0;border: none;padding: 11.5px 0;text-transform: capitalize;margin-left: 14px;margin-right: 24px;}
202 .page-header.type22 .search-area > a { 98 .page-header.type22 .navigation.side-megamenu li.level0 > a i{font-size: 19.5px;vertical-align: middle;}
203     font-size: 21px; 99 .page-header.type22.sticky-header .nav-sections {background-color: #fff;position: static !important;box-shadow: none;width: auto !important;padding: 0;}
204 }    
205 .page-header.type22 .nav-toggle:before {    
206     color: #222529;    
207 }    
208 .page-header.type22 .switcher strong {    
209     font-size: 12px;    
210     text-transform: uppercase;    
211     font-weight: 600;    
212     font-family: 'Open Sans';    
213 }    
214 .page-header.type22 .header.panel > .header.links > li {    
215     font-size: 12px;    
216     font-weight: 600;    
217     font-family: 'Open Sans';    
218 }    
219 .page-header.type22 .switcher .options .action.toggle:after {    
220     vertical-align: middle;    
221 }    
222 @media (min-width: 768px) {    
223     div[id="store.menu"] {    
224         display: block !important;    
225     }    
226     .page-header.type22 .panel.header .switcher {    
227         margin-right: 20px;    
228         height: auto;    
229     }    
230     .page-header.type22 .switcher strong {    
231         vertical-align: middle;    
232     }    
233     .page-header.type22 .nav-sections-item-content > .navigation, .page-header.type22 .sw-megamenu.navigation > ul {    
234         position: static;    
235     }    
236     .page-header.type22 .sw-megamenu.navigation li.level0.fullwidth > .submenu {    
237         margin-left: 0 !important;    
238     }    
239     .page-header.type22 .
navigation 
.level0
 > .
level-top {
    
240         font-weight: 600;    
241         letter-spacing: 0;    
242         padding-top: 20px;    
243         padding-bottom: 20px;    
244     }    
245     .page-header.type22 .navigation .level0.parent > a:after {    
246         margin-top: -1px;    
247     }    
248     .page-header.type22 .header.content > .nav-sections {    
249         margin: 0 15px;    
250     }    
251     header.page-header.type22.sticky-header .navigation {    
252         max-width: 100%;    
253     }    
254     header.page-header.type22.sticky-header .minicart-wrapper {    
255         margin-top: -7px;    
256     }    
257     .page-header.type22 .header.panel > .header.links > li.welcome, .page-header.type22 .header.panel > .header.links > li > a {    
258         vertical-align: bottom;    
259         line-height: 1;    
260     }    
261 }    
262 @media (min-width: 992px) {    
263     .page-header.type22 .search-area > a {    
264         display: none;    
265     }    
266 }    
267 @media (max-width: 1440px) {    
268     .page-header.type22 .separator {    
269         margin-left: 20px;    
270         margin-right: 20px;    
271     }    
272     .page-header.type22 .navigation
 
.separator {
    
273         margin-left: 10px;    
274         margin-right: 10px;    
275     }    
276 }    
277 @media (max-width: 1220px) {    
278     .page-header.type22 .custom-block {    
279         display: none;    
280     }    
281 }    
282 @media (max-width: 991px) {    
283     .page-header.type22 .search-area {    
284         flex: 0 0 auto;    
285     }    
286     .page-header.type22 .block-search {    
287         position: absolute;    
288         right: -20px;    
289         top: 100%;    
290         left: auto;    
291         min-width: 280px;    
292         margin-top: 20px;    
293         border: 5px solid rgba(0,0,0,0.1);    
294         border-radius: 50px;    
295         opacity: 0;    
296         visibility: hidden;    
297         transition: all .3s;    
298     }    
299     .page-header.type22 .block-search.show {    
300         opacity: 1;    
301         visibility: visible;    
302     }    
303 } 100 }
304 @media (max-width: 767px) { 101 @media (max-width: 1219px) {
305     .page-header.type22 > .panel.wrapper { 102 .page-header.type22 .navigation:not(.side-megamenu) .level0 .level-top {padding: 9px 14px 9px 14px;}
306         display: none !important;    
307     }    
308     .page-header.type22 .navigation .separator, .page-header.type22 .separator {    
309         display: none;    
310     }    
311     .page-header.type22 .search-area {    
312         margin-right: 15px;    
313     }    
314     .page-header.type22 .search-area > a {    
315         display: none;    
316     }    
317     .page-header.type22 .block-search {    
318         position: static;    
319         margin: 0;    
320         border: 0;    
321         border-radius: 0;    
322         opacity: 1;    
323         visibility: visible;    
324         min-width: 0;    
325     }    
326     .page-header.type22 .block-search .label:before {    
327         color: #222529;    
328         content: '\e884';    
329         margin-right: 3px;    
330         font-weight: 900;    
331     }    
332     .page-header.type22 .block-search .label.active + .control input {    
333         position: absolute;    
334         right: -100px;    
335         top: 100%;    
336         left: auto;    
337         min-width: 280px;    
338     }    
339 } 103 }

Araxis Merge (but not the data content of this report) is Copyright © 1993–2019 Araxis Ltd (www.araxis.com). All rights reserved.